<!doctype html>
<html class="no-js">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hong Fu</title>

<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">

<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="icon" type="image/png" href="__PUBLIC__/statics/default/assets/img/favicon.png">

<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/amazeui.min.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/reset.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/main.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/news.css">
<link rel="stylesheet" href="__PUBLIC__/statics/default/assets/css/page.css">

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__PUBLIC__/statics/default/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="__PUBLIC__/statics/default/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/statics/default/assets/js/main.js"></script>

</head>

<body>
<include file="./Admin/Tpl/Templates/default/mask.html" />
<include file="./Admin/Tpl/Templates/default/top-nav.html" />

<div id="top-img">
<?php $banenr = get_banner('新闻中心banner'); ?>
    <img src="{$banenr[0]['big_thumb']}" alt="">
   
</div>

<div class="am-g max-block wrap-pd-b-70">
    <div id="left-nav-wrap" class="am-u-md-4 am-u-lg-3">

		<include file="./Admin/Tpl/Templates/default/side-nav-news.html" />
    </div>
    <div class="am-u-md-8 am-u-lg-9">
        <h3 class="right-title"><?php echo getLangByKey($language,$current_cat_info['cat_name']); ?></h3>
        <div id="news-list" class="am-u-sm-12">
            <div class="head am-hide-sm-only am-u-sm-12">
                <div class="am-u-sm-3 am-padding-0">
                    <div class="border-bottom-black"><?php echo getLangByKey($language,"Picture"); ?></div>
                </div>
                <div class="am-u-sm-9 am-padding-right-0 am-padding-left-lg">
                    <div class="border-bottom-black"><?php echo getLangByKey($language,"Title"); ?></div>
                </div>
            </div>
			<?php $news_list = cat2article(cat_id(),$is_all=1,$num=4,$order='no');//AAA($news_list); ?>
			<?php foreach($news_list['lists'] as $one_news) { ?>
            <div class="news-item am-u-sm-12">
                <div class="img-wrap am-u-sm-12 am-u-md-3">
                    <div class="img am-u-sm-7 am-u-md-12">
                        <img src="{$one_news['big_thumb']}" alt="">
                    </div>
                    <div class="time am-u-sm-5 am-show-sm-only">
                        <?php echo getLangByKey($language,$current_cat_info['cat_name']); ?>
                        <br>
                        <?php echo date("Y-m-d",$one_news['datetime']); ?>
                    </div>
                </div>
                <div class="content am-u-sm-12 am-u-md-9 am-padding-right-0 am-padding-left-lg">
                    <div class="title"><a href="{$Think.const.CON_PATH}/{$one_news[article_id]}/cat_id/{$one_news[cat_id]}"><?php echo str_cut($one_news['title'],90)?></a></div>
                    <div class="sub-title"><?php echo str_cut($one_news['description'],240)?> </div>
                    <div class="btn-area am-hide-sm-only">
                        <a class="link" href="{$Think.const.CON_PATH}/{$one_news[article_id]}/cat_id/{$one_news[cat_id]}"><i class="iconfont">&#xe6dd;</i><?php echo getLangByKey($language,"Read More..."); ?> </a>
                        <div class="time">
                            <?php echo date("Y-m-d",$one_news['datetime']); ?>
                        </div>
                    </div>
                </div>
            </div>
			<?php } ?>



        </div>

        <div class="am-u-sm-12 am-padding-0">
           <include file="./Admin/Tpl/Templates/default/page.html" />
        </div>

    </div>
</div>
<include file="./Admin/Tpl/Templates/default/footer.html" />

</body>

</html>
<script>
    $(function() {
        // 设置卡片图片长宽比
        setCardImgScale($('#product-list'));

        // 设置640px以下是时间块的垂直剧中
        setTimeBlockVerticalMiddle();

        // 设置640px以下是时间块的垂直剧中
        function setTimeBlockVerticalMiddle() {
            if ($(window).outerWidth() > 640) {
                return;
            }
            var par = $('#news-list .img-wrap');
            var objHeight = par.find('.time').outerHeight();
            par.find('.time').css('margin-top', (par.innerHeight() - objHeight) / 2);
        }
        $(window).on('resize', function() {
            // 设置卡片图片长宽比
            setCardImgScale($('#product-list'));

            // 设置640px以下是时间块的垂直剧中
            setTimeBlockVerticalMiddle();
        });
    });
</script>
